<template>
 <div>
   <!-- 4. 通过属性绑定，为标签设置字体颜色 -->
   <h3 :style="{color: themeColor1}">Level Two</h3>
   <h3 :style="{color: themeColor2}">Level Two</h3>
   <hr />
 </div>
</template>
<script>
// 1. 按需导入 inject
import { inject } from 'vue'
export default {
 setup() {
   // 2. 调用 inject 函数时，通过指定的数据名称，获取到父级共享的数据
   const themeColor1 = inject('globalColor1')
   const themeColor2 = inject('globalColor2')
   
   // 3. 把接收到的共享数据 return 给 Template 使用
   return {
     themeColor1,
     themeColor2
   }
 }
}
</script>